<div class="head_title" ng-show="agree==false">
    <span class="news">账户信息</span>
</div>
<div class="wp-20 personal-information" ng-show="agree==false" style="margin-top: 15px;padding-left: 18px">

    <form class="form-horizontal w5c-form demo-form" role="form" ng-if="userInfo.cpProperty == 11 || userInfo.reviewStatus == 9"
              w5c-form-validate="vm.validateOptions" novalidate name="validateForm">
        <div class="accounts_head" >
            <span>账户信息</span>
            <span style="color:red;font-size: 12px;margin-left: 10px" ng-if="(userInfo.cpProperty == 12 || userInfo.cpProperty == 13)&& userInfo.reviewStatus == 9" >未通过，请修改后&nbsp 重新提交！</span>

        </div>
        <section class="fg-section" style="padding-bottom: 30px">
            <div class="mid-head accounts_img">
                <img ng-if="step ==1"  src="image/accounts_one.png">
                <img ng-if="step ==2" src="image/accounts_two.png">
                <img ng-if="step ==3" src="image/accounts_three.png">
                <ul>
                    <li ng-class="{'past':step ==2,'now':step==1,'past':step ==3}">基本信息</li>
                    <li ng-class="{'past':step ==3,'now':step==2}">认证信息</li>
                    <li ng-class="{'now':step==3}">结算信息</li>
                </ul>
            </div>
        </section>
        <section class="fg-section" style="border-top: 0"  ng-show="step==1" >

            <form class="form-horizontal w5c-form demo-form" role="form"
                  w5c-form-validate="vm.validateOptions" novalidate name="validateForm_a">
                <div class="form-group personal-second" >
                    <label class="col-sm-2 control-label" style="padding-top: 10px;"><i class="red-icon">*</i>CP性质：</label>
                    <div class="col-sm-8 personal-head1">
                         <span class="personal">
                            <input type="radio"  class="magic-radio" ng-model="nature" ng-disabled="userInfo.reviewStatus == 9" ng-checked="nature == 13" value="13" id="mechanism" name="personal" >
                            <label for="mechanism" class="pb-2"></label>机构
                        </span>
                        <span class="mechanism">
                            <input type="radio" name="personal" ng-model="nature" ng-checked="nature == 12" value="12" ng-disabled="userInfo.reviewStatus == 9"  class="magic-radio"  id="personal">
                             <label for="personal" class="pb-2"></label>个人
                        </span>
                        <div style="color: #d5d5d5; margin: 7px -7px 0 0;font-size: 12px;" >（一旦提交审核，CP性质不可再修改）</div>

                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>头像：</label>
                    <div class="col-sm-8 personal-head">
                        <div class="float-l" style="position: relative">
                             <span class="personal-portrait">
                                 <img width="100%" ng-src="{{formData.avatarUrl}}">
                            </span>
                            <label ng-show="userInfo.reviewStatus== 9||userInfo.cpProperty == 11">
                                <span class="mask-span">
                                    上传
                                </span>
                                <input type="file"  style="display: none" id="fileInput">
                            </label>
                            <p></p>
                        </div>
                        <span style="color: red;position: absolute;left: 137px;top: 96px;font-size: 12px" >{{errorImg}}</span>

                        <div style="margin-top: 100px" ng-hide="myImage" ng-if="userInfo.cpProperty == 11">
                            <input type="hidden" name="myImage" ng-model="formData.avatarUrl" required="" w5c-dynamic-element>
                        </div>
                        <div style="clear: both"></div>
                        <div style="color: #d5d5d5;font-size: 12px;" >（建议图片大小不超过5M，支持PNG/JPG/JPEG格式）</div>

                    </div>
                </div>
                <div class="form-group personal-second" >
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>昵称：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input" required="" ng-pattern="/^[\u4e00-\u9fa5_a-zA-Z0-9]+$/"
                               ng-minlength="1" ng-maxlength="30" name="nickName"
                               placeholder="长度1-30：中文／英文／下划线" ng-model="formData.nickName">
                    </div>
                </div>

                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>{{nature == 12 ? "个人" : "机构"}}简介：</label>
                    <div class="col-sm-8 personal-head">
                        <textarea class="brief" ng-model="formData.summary"  name="summary" required=""  ng-minlength="5" ng-maxlength="1000" >
                        </textarea>
                    </div>
                </div>
                <footer class="container-fluid foot-wrap">
                    <div class="text">
                        <button type="button" class="btn btn-primary" w5c-form-submit="lastOne(nature)">下一步</button>
                    </div>
                </footer>

            </form>

        </section>
        <section class="fg-section" style="border-top: 0" ng-show="step==2">
            <form class="form-horizontal w5c-form demo-form" role="form"
                  w5c-form-validate="vm.validateOptions" novalidate name="validateForm_b">
                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>CP类型：</label>
                    <div class="col-sm-8 personal-head">
                        <select ng-if="nature == 12" ng-model="formData.cpType" ng-init="formData.cpType='41'"
                                class="personal-select select" style="padding-left: 5px">
                            <option value="41"  ng-selected="formData.cpType==41">专业主播</option>
                        </select>

                        <select  ng-if="nature == 13&&userInfo.cpProperty == 13" class="personal-select select" ng-model="formData.cpType"  ng-options="cpType.key as cpType.value for cpType in cpTypes">
                        </select>
                        <select ng-if="nature == 13&&userInfo.cpProperty == 11" ng-model="formData.cpType" ng-init="formData.cpType='51'"
                                class="personal-select select" style="padding-left: 5px">
                            <option value="51"  ng-selected="formData.cpType==51">公司</option>
                            <option value="52"  ng-selected="formData.cpType==52">工作室</option>
                            <option value="53"  ng-selected="formData.cpType==53">出版机构</option>
                            <option value="54"  ng-selected="formData.cpType==54">广电机构</option>
                        </select>

                    </div>
                </div>
                <div class="form-group personal-second" ng-if="nature == 12">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>真实姓名：</label>
                   <div class="col-sm-8 personal-head">
                        <input type="text" class="input" placeholder="请输入真实姓名" required="" w5c-dynamic-element
                               ng-pattern="/^[\u4e00-\u9fa5]+$/"
                               ng-minlength="1" ng-maxlength="10" name="realName" ng-model="formData.realName"  >
                    </div>
                </div>
                <div class="form-group personal-second" ng-if="nature == 13">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>机构名称：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input" placeholder="请输入机构的名称"required="" w5c-dynamic-element
                               ng-minlength="2" ng-maxlength="100" name="companyName" ng-model="formData.companyName">
                    </div>

                </div>


                <div class="form-group personal-second"ng-if="nature == 12">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>身份证号：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input" placeholder="请输入身份证号" ng-model="formData.idCard" required="" w5c-dynamic-element
                               ng-pattern="/^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/" name="idCard" >
                    </div>
                </div>
                <div class="form-group personal-second"ng-if=" nature== 13">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>注册号：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input" placeholder="请输入营业执照注册号" ng-model="formData.businessLicenseNum" required="" w5c-dynamic-element
                               ng-pattern="/^\d{15}$/"  name="businessLicenseNum">
                    </div>
                </div>
                <div class="form-group personal-second"  ng-if="nature == 12" style="margin-bottom: 0px">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>证件照：</label>
                    <div class="col-sm-8 personal-head" style="min-width: 735px">
                        <div class="positive">
                            <span class="card card_a">
                                <img  width="100%" height="100%" ng-show="idCardFrontLoading" class="loading_pic" src="image/load.gif">
                                <img width="100%" height="100%" ng-src="{{formData.idCardFrontUrl}}">
                            </span>
                            <label>
                                <span class="card-span">
                                    上传
                                </span>
                                    <input type="file" id="idCardFrontSelect"  nv-file-select  uploader="positiveFile" style="display: none" >
                            </label>
                        </div>
                        <div class="opposite" >
                            <span class="card card_b">
                                <img  width="100%" height="100%" ng-show="idCardBackLoading" class="loading_pic" src="image/load.gif">
                                <img width="100%" height="100%"  ng-src="{{formData.idCardBackUrl}}">

                            </span>
                            <label>
                                <span class="card-span1">
                                    上传
                                </span>
                                <input type="file" id="idCardBackSelect"   nv-file-select  uploader="oppositeFile" style="display: none" >
                            </label>

                        </div>
                        <div style="margin-left: 392px;top: 95px;position: absolute;" ng-show="image_a==true"  class="emailError">
                            {{imageMsg}}
                        </div>

                        <div  style="margin-left: 392px;top: 95px;position: absolute;">
                            <input type="hidden" name="idCardFrontUrl" ng-show="imageError_a==false" ng-model="formData.idCardFrontUrl" required="" w5c-dynamic-element>
                        </div>
                        <div  style="margin-left: 392px;top: 95px;position: absolute;">
                            <input type="hidden" name="idCardBackUrl" ng-show="imageError_b==false" ng-model="formData.idCardBackUrl" required="" w5c-dynamic-element>
                        </div>

                    </div>
                </div>
                <div style="position: relative;left: 135px;top: -22px; margin-bottom:-12px"  ng-if="nature == 12" >

                    <span  style="color:  #d5d5d5;font-size: 12px; position: relative;top: 5px;">（图片大小不超过5M，支持PNG/JPG/JPEG格式）</span>
                </div>

                <div class="form-group personal-second"  ng-if="nature== 13" style="margin-bottom:15px">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>营业执照：</label>
                    <div class="col-sm-8 personal-head">
                        <div class="positive">
                            <span class="card card_c">
                                <img ng-show="businessLicenseLoading" class="loading_pic" src="image/load.gif">
                                <img width="100%" height="100%" ng-src="{{formData.businessLicenseUrl}}">

                            </span>
                            <label>
                                <span class="card-span card-span_a">
                                    上传
                                </span>
                                <input type="file" id="businessLicenseSelect"  nv-file-select  uploader="businessLicenseUrlFile" style="display: none" >
                            </label>
                            <span style="color:  #d5d5d5;font-size: 12px; position: relative;top: 5px;">（营业执照大小不超过5M，支持PNG/JPG/JPEG格式）</span>
                        </div>
                        <div style="margin-left: 204px;top: 132px;position: absolute;">
                            <span ng-show="image==true" class="emailError">{{imageMsg}}</span>
                            <input type="hidden" ng-show="imageError==false"  name="businessLicenseUrl" ng-model="formData.businessLicenseUrl"  w5c-dynamic-element  required="" >
                        </div>

                    </div>
                </div>

                <div style="clear: both"></div>

                <div class="form-group">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>手机号：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input" placeholder="请输入手机号" ng-model="formData.phoneNumber" required="" name="phoneNumber"
                               ng-pattern="/^1\d{10}$/" >
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label">座机号：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input" placeholder="请输入座机号" ng-model="formData.landlineNumber"  name="landlineNumber"
                               ng-pattern="/^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/" >
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>通讯地址：</label>
                    <div class="col-sm-8 personal-head region">
                        <ui-select ng-model="provinceSelected" theme="bootstrap"  style="width: 140px;float: left" ng-change="provinceChange(provinceSelected)">
                            <ui-select-match placeholder="省/直辖市">{{$select.selected.province}}</ui-select-match>
                            <ui-select-choices repeat="province in provinces | filter: $select.search">
                                <span ng-bind-html="province.province | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>
                        <ui-select ng-model="citySelected" theme="bootstrap" style="width: 140px;margin-left: 20px;float: left" ng-change="cityChanged(citySelected)">
                            <ui-select-match placeholder="市/区">{{$select.selected.city}}</ui-select-match>
                            <ui-select-choices repeat="city in citys | filter: $select.search">
                                <span ng-bind-html="city.city | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>

                        <input type="hidden" ng-model="citySelected"  name="citySelected" required="">

                        <div style="padding-top:44px">
                            <input type="text" ng-model="formData.address" name="address"  ng-minlength="2" ng-maxlength="100"  class="input long-input" placeholder="请输入详细地址" style="width: 300px!important"ng-pattern="/^(?![^\u4e00-\u9fa5]+$)[\S\s]*$/">
                        </div>
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label"><i class="red-icon">*</i>协议内容：</label>
                    <div class="col-sm-8 personal-head">
                        <textarea readonly style="width: 600px; height: 190px!important;outline:none;resize:none; font-size: 12px!important;">
AGX平台内容合作协议（电子版）
甲方：北京妙音在线影视文化传媒有限公司
乙方：您
鉴于：甲方在相关市场领域的优势，具备相应的平台、品牌、市场、技术条件和广告招商实力。乙方拥有合法版权和或版权使用权的原创音频内容，可作为本协议合作产品。现甲乙双方经过友好协商，本着平等互利，共同发展，优势互补的原则，乙方授权甲方依本协议约定使用其原创音视频内容，并就相关合作事宜，达成如下协议：
第1条 授权内容
1.1 授权内容：本协议项下合作作品是指由乙方通过甲方平台上传的所有音频内容。
1.2	授权性质：非独家信息网络使用权及分销权
1.3 授权期限：自音频内容在甲方平台上线之日起5年
1.4 授权区域：全球
1.5 版权承诺：乙方保证拥有本协议所指原创音频内容的全部版权，或者己经取得相关权利人允许乙方转授权从事本协议下所有事项的授权许可。如因权利归属、瑕疵及违法等姗而引起的任何纠盼，或因音视频内容涉及肖像权或名誉权等任何侵犯第三方权利的纠纷，乙方承担全部责任并负责解决纠纷。并承担包括侵权赔偿在内的一切责任；同时确保甲方免责。果甲方因前述事宜受到任何损失，乙方有义务及时给予甲方完整且充分的赔偿。
第2条 合作方式
2.1 甲乙双方采取收益分成方式进行内容合作，即乙方提供本协议所约定授权内容，双方利用甲方平台及与甲方有有效合作协议的平台或渠道进行推广、招商等商业运营，双方对前述商业运营收入依本协议之相关约定进行分成。
2.2 乙方授权甲方基于信息网络使用权及分销权。在本协议所约定甲方平台及甲方合作平台或渠道进行发布、传播、推广本协议规定之全部音频内容。前述甲方平台及甲方合作平台或渠道是指甲方AGX平台（www.xxx.com）、及与甲方合作的平台及渠道。接收终端包含但不限于台式计算机、笔记本电脑、平板电脑、pad、手机客户端、互联网电视、车载设备、智能音响等终端设备，以及未来可能出现的以信息网络为传输集道的终端。
2.3 乙方授权甲方在全球范围内对本协议约定合作音频内容的使用权及分销权。使用权及分销权起止期限与上述第1条1.3的定期限一致。
2.4 甲方依本协议第3条之约定向乙方支付合作分成费用。
第3条 分成与结算
3.1 分成收益，主要包括：
3.1.1 合作音频内容在甲方授权的第三方平台投放后所产生贴片广告收益。
3.1.2 音频内容在第三方平台推出后产生的直接销售收益，销售形式包括但不限于单个音频内容销售、包月试听、下载收听等。
3.2 分成方式：
3.2.1 由甲方完成广告招商。扣除招商总价的40%作为招商成本后。甲乙双方按照5:5（即。招商总价中甲方占70%，乙方占30%）的分成比例，就本协议所规定之音频内容所产生的可分配利润进行分成
3.2.2 甲方依本协议约定行使2.3条款之使用及分销权所得收益分成。在扣除渠道费等销售成本后，甲乙双方按照5：5的分成比例。
3.3 结算：
3.3.1 结算周期：自然月
3.3.2 结算统计依据：概以甲方的AGX主播平台结算统计所提供之数据为准，乙方有权提出异议，但最终数据以甲方核实后的数据作准。
3.3.3 结算的前置条件：当乙方的分成收入多余人民币￥100元整。如果在一个结算周期内，乙方的分成收入未满足所述之前置条件时，则所有收入自动累计。
3.3.4结算流程
在完成一个结算统计周期的次月开始后十五个工作日内，甲方向乙方发送所述的结算统计周期内的应结算费用。自双方对应结算的款项完成确认，如果在一个结算统计周期内，乙方的分成收入未满足本协议项下3.3.3条款所述之条件时，则应把累计至下一结算统计周期，直至满足所述之条件或至本协议有效期终止前最后一个结算统计周期时，双方进行结算。
乙方应向甲方开具完整、正确并符合国家税务机关要求之发票。甲方在收到符合前述要求的发票后十五个工作日内向乙方履行支付义务，但受限于银行到款情况或设计人民币境外兑汇等情况，甲方不对前述到款时间做出具体的承担或保证。如果前述发票或收据的开具义务乙方瑕疵履行，则甲方有权顺延支付而概不承担任何违约责任。
3.4 税务议定
如果乙方为依中国法律合法成立并依法有效续存的法人组织。则甲乙双方有义务各自缴纳因行使本协议项下之权利或履行相关义务所产生之一切税赋。
如果乙方为非依中国法律合法成立并依法有效续存的法人组织，则甲方有义务根据现行有效之《中华人民共和国个人所得税法》的规定，在向乙方履行结算义务之前，以所述的金额为基准，代扣代缴乙方应履行的相关税赋。
3.5
乙方银行信息如账号变更或发生不可用等情况出现时。乙方应及时书面通知甲方并确认甲方获悉。否则，由此造成的一切损失由乙方负责。
第4条 甲方权利与义务
4.1 除本协议中约定的权利外，甲方就音频内容不享有任何其他权利
4.2 甲方对音频内容的版权使用不得超出双方的约定范围
4.3 甲方有权自主决定音频内容的广告招商和投放，包括但不限于：投放形式，时长等。并有义务对前述广告投放产生的收益依本合同协议约定向乙方支付分成。
4.4 甲方有权按照双方合作形式自主决定音频内容在甲方及合作平台或渠道的传播和展现方式。
4.6 甲方有权对乙方负责在音频内容内进行投放的广告内容进行审核。如乙方投放的广告内容违反相关法律法规的规定，或侵犯任何策三方的合法利益的，甲方有权直接侧除，但应当在删除后及时通知乙方。如乙方前述投放行为给甲方造成损失的，乙方还应承担赔偿责任。乙方对广告内容、信息的真实性、合法性之保证责任，并不因甲方的上述审核而有所减轻或免除。
第5条 乙方权利与义务
5.1 乙方享有音频内容的完整著作权。乙方承诺所提供的音频内容符合国家法律法规规定。不包含国家法律法规禁止的内容。同时。在甲方未确定广告招商合作协议前，乙方承诺对于提供的音频内容不带有任何明显的广告内容，其展现方式包括但不限于广告插播、广告植入、借有明示或暗示等的引导性广告成分或内容。
5.2 乙方同意为完成本协议项下合作之目的提供一切必要及合理的协助，包括签发有关授权书予甲方。
5.3 乙方可以定期以在线上传的方式向甲方的自有互联网网站AGX主播平台提供音频内容及其相关信息。
5.4 乙方同意在本协议约定的期限内提供协议约定的音频内容。
5.5 当基于法定原因、或因甲方受到本协议以外第三方提出的权利主张、或因甲方基于商业运营需求时，乙方有义务为甲方提供音频内容之原始授权文件、转授权的文件等相关证明。同时。乙方有义务在甲方业务需求，向甲方提供授权音频内容的作者之相关资质证明等相关配合性工作。
5.6 乙方向甲方出具的授权书。授权书与本协议期限不一致的。以授权书的期限为准。
5.7 合同签署日前，乙方应向甲方提供加盖其公章营业执照副本复印件、广播电视节目制作经营许可证复印件经营资质文件作为本合同附件。
第6条 推广与宣传
6.1 甲方承诺为乙方对本协议约定音频内容提供推荐、推广资源，具体推广安排视乙方提供的视频质量优先安排。
6.3 甲方对推广页面、节目宣传口径等事宜拥有最终决定权，乙方须配合甲方相关事宜。
第7条 违约赔偿
7.1 甲乙双方任何一方违反协议的保证及约定，给对方造成损失的，那么违约方应赔偿守约方因此而受到的损失。甲方有权基于以下情形：
1）向甲方平台上传具有版权争议的音频内容：或
2）乙方直接成间接地通过技术手段对音频内容的广告播放量进行恶意刷量；或
3）乙方所传的音频内容包含有明显的广告题材。或其广告内容占比过重。对乙方的酌情行使警告权，并扣除相关音频涉及的分成收入。如果上述情形累计出现超过三（3）次，则甲方有权终止本协议，且不承担任何的违约责任。
7.2上述违约方损失包括但不限于应付客户约赔偿金、诉讼费、律师费、公证费、差旅费等。
第8条 协议期限与交更
8.1 本协议的有效期：授权内容上线起生效，合作期限5年。合作期限届满后，甲方为乙方的优先合作伙伴。在同等条件下，就本协议合作项目的后续内容。乙方应优先与甲方进行合作。相关合作细则，届时双方另起协议约定。合作结束后，甲方可以在自身网站渠道内继续保留本合同所约定音频内容。并且可以向甲方关联之平台推广该内容。
8.2 任何一方出现如下情形。另一方享有书面解除的权利：
8.2.1 发生重大违约行为，且在接到书面通知后30日内未采取措施消除的。
8.2.2 主动申请破产，或已进入破产程序，破产资产管理、清算程序的。
8.2.3 被债权人申请破产，或被代管、清算，且该种申请或程序在立案后60日内未被撤销的。
8.2.4 在本协议中存在非主观故意不可能出现的重大错误表述的。
8.3 本协议解除后的效力
自本协议解除之日起。甲方未到支付期的分成不需要再行支付，协议解除日前己届支付期的分成由甲方结算后向乙方文付，乙方协议解除日后更断的音频内容可以不再向甲方提供。
第9条 保密条款
9.1 合作期间，双方都可能获知另一方的商业计划、客户方资料、技术、产品和其它作为该方商业秘密的秘密信息（以下简称“秘密信息”）。秘密信息包括所有有形的或无形的、标明为秘密的信息以及虽未标明为秘密信息但按照披露时的情况推定为秘密的信息。秘密信息包括但不限于本协议所涉及的业务和本协议的条件和条款。秘密信息为信息披露方所有，除非经披露方声明许可或为实现本协议目的（因法律规定或为咨询律师、会计师和其它专家所需除外）不得向第三方披露或使用。获得信息方应当采取不低于对己方所有的商业秘密的保密措施。
9.2 本协议有效期内及终止后3年内，本保密条款仍具有法律效力。
第10条 适用法律
本协议的订立、效力、解释、履行、修改、终止以及争议的解决均适用中华人民共和国的法律和法规。所有与本协议有关的争议，都应由甲乙双方通过友好协商的方式予以解决，如无法通过协商的方式解决争议。刚甲乙双方可将该争议提交甲方住所地法院通过诉讼方式进行解决。
第11条 其他
11.1 可分割性：若本协议任一条款无效或无法履行，则该条款将于法律允许的最大范围内履行，除该无效或无法履行部分以外，本协议的其他部分仍然有效。
11.2 解释：本协议及其附件构成双方之间就本协议主题事项的全部和唯一协议，取代双方所有先前口头或书面的就本协议主题事项的理解及协议。
11.3 本协议为电子版，同意本协议的同时即认同协议中规定的所有内容，同样具有法律效力。


                        </textarea>
                    </div>

                </div>
                <span class="e-agreement agree_box">
                    <input type="checkbox" class="magic-checkbox" id="mechanism_a" ng-model="agreement"  ng-checked="agreement">

                    <label for="mechanism_a" class="abc" ></label>
                    我已阅读并同意  <a class="e-agreement_color" ng-click="ment()">《AGX平台内容（音频节目）合作协议》</a>
                </span>
                <footer class="container-fluid foot-wrap" style="margin:20px 0 20px 0 ">
                    <div class="text">
                        <button type="button" class="btn btn-primary" ng-click="upOne()">上一步</button>
                        <button type="button"ng-show="agreement==false"  class="btn btn-primary" style="background: grey!important;border: 1px solid grey!important" >下一步</button>
                        <button type="button" ng-show="agreement==true" class="btn btn-primary" w5c-form-submit="lastTwo(nature)">下一步</button>
                    </div>
                </footer>
            </form>

        </section>
        <section class="fg-section" style="border-top: 0" ng-show="step==3">
            <form class="form-horizontal w5c-form demo-form" role="form"
                  w5c-form-validate="vm.validateOptions" novalidate name="validateForm_c">
                <h5 style="display: inline-block;color:#000"></h5> <span style="color: #d5d5d5;font-size: 12px;margin-left: 36px" >如不涉及结算业务，结算信息可不填</span>
                <br>
                <br>
                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label">开户银行：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input long-input" placeholder="请输入开户银行" name="bankName" ng-model="formData.bankName" ng-pattern="/^(?!\d+$)/"  ng-maxlength="30" ng-minlength="4">
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label">银行卡号：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input long-input" placeholder="请输入银行卡号" ng-model="formData.bankAccount" name="bankAccount"   ng-pattern="/^\d{16,21}$/" >
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-2 control-label">收款人：</label>
                    <div class="col-sm-8 personal-head">
                        <input type="text" class="input long-input" placeholder="请输入收款人" ng-model="formData.payee" name="payee"  ng-pattern="/^[\u4e00-\u9fa5]+$/"  ng-maxlength="20">
                    </div>
                </div>

                <footer class="container-fluid foot-wrap foot_box">
                    <div class="text">

                        <button type="button"  ng-if="nature == 12"class="btn btn-primary" ng-click="submitInfo()" ng-disabled="pDisabled">提交</button>
                        <button type="button"  ng-if="nature == 13" class="btn btn-primary" w5c-form-submit="submit()"  ng-disabled="cDisabled">提交</button>
                        <button type="button" class="btn btn-primary" ng-click="upTwo()">上一步</button>
                    </div>
                </footer>
            </form>

        </section>

    </form>
    <div ng-if="(userInfo.cpProperty == 12 || userInfo.cpProperty == 13)&& userInfo.reviewStatus != 9">
        <div class="accounts_head">
            <span ng-if="userInfo.cpProperty == 12">个人信息</span>
            <span ng-if="userInfo.cpProperty == 13">机构信息</span>
            <span style="color:#000;font-size: 12px;margin-left: 10px" ng-if="(userInfo.cpProperty == 12 || userInfo.cpProperty == 13)&& userInfo.reviewStatus == 8&&userInfo.status!=3" >信息不可更改，如有其他问题，请与客服联系</span>
            <span style="color:#eccc22;font-size: 12px;margin-left: 10px" ng-if="((userInfo.cpProperty == 12 || userInfo.cpProperty == 13)&& userInfo.reviewStatus == 7)||((userInfo.cpProperty == 12 || userInfo.cpProperty == 13)&& userInfo.reviewStatus == 8&&userInfo.status==3)" >审核中，请耐心等待</span>
        </div>
        <section class="fg-section">
           <div class="introduce-head">
               <div class="float-l">
                    <span class="personal-portrait">
                        <img width="100%" ng-src="{{data.avatarUrl}}">
                    </span>
               </div>
               <div class="float-l introduce-name">
                   <span>{{data.nickName}}</span>
                   <div class="introduce">{{data.summary}}</div>
               </div>
           </div>
        </section>
        <section class="fg-section" >
            <div class="introduce-head" style="padding-bottom: 60px">
                <div class="introduce-box">

                   <span class="premise">CP类型：</span>
                    <span>{{table[data.cpType]}}</span>
                </div>
                <div ng-if="userInfo.cpProperty == 12">
                    <div class="float-l w-250">
                        <span class="premise">真实姓名：</span>
                        <span>{{data.realName}}</span>
                    </div>
                    <div class="float-l w-250">
                        <span  class="premise">身份证号：</span>
                        <span>{{data.idCard}}</span>
                    </div>
                </div>
                <div ng-if="userInfo.cpProperty == 13">
                    <div class="float-l w-250">
                        <span class="premise">机构名称：</span>
                        <span>{{data.companyName}}</span>
                    </div>
                    <div class="float-l w-250">
                        <span  class="premise">注册号：</span>
                        <span>{{data.businessLicenseNum}}</span>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div>
                    <div class="float-l w-250">
                        <span class="premise">手机号：</span>
                        <span>{{data.phoneNumber}}</span>
                    </div>
                    <div class="float-l w-250" ng-show="data.landlineNumber">
                        <span class="premise">座机号：</span>
                        <span>{{data.landlineNumber}}</span>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div>
                    <span class="premise">通讯地址：</span>
                    <span>{{provinceSelected.province}}&nbsp;{{citySelected.city}}&nbsp; {{data.address}}</span>
                </div>
                <div class="mt-20" ng-if="userInfo.cpProperty == 12">
                    <div class="positive">
                          <span class="card">
                               <img width="100%" height="100%" ng-src="{{data.idCardFrontUrl}}">
                        </span>
                    </div>
                    <div class="opposite" >
                          <span class="card">
                              <img width="100%" height="100%" ng-src="{{data.idCardBackUrl}}">
                        </span>
                    </div>
                </div>
                <div class="mt-20" ng-if="userInfo.cpProperty == 13">
                    <span class="card_c1">
                        <img width="100%" height="100%" ng-src="{{data.businessLicenseUrl}}">
                    </span>
                </div>
                <div class="float-l w-250" style="padding-top: 17px;width: 380px">
                    <span class="premise">电子协议：</span>
                    <span><a class="e-agreement_color" ng-click="ment()">《AGX平台内容（音频节目）合作协议》</a></span>
                </div>

            </div>
        </section>
        <section class="fg-section">
            <div class="introduce-head">
                <div class="introduce-box">

                   <span class="premise">开户银行：</span>
                    <span>{{data.bankName}}</span>
                </div>
                <div>
                    <div class="float-l w-250">
                        <span class="premise">银行卡号：</span>
                        <span>{{data.bankAccount}}1</span>
                    </div>
                    <div class="float-l w-250">
                        <span  class="premise">收款人：</span>
                        <span>{{data.payee}}</span>
                    </div>
                </div>
                <div style="clear:both"></div>

            </div>

        </section>
    </div>

</div>

<div style="margin-top: -31px!important" ng-show="agree==true">
    <div class="header_a">
        <span>CP合作服务协议（电子版）</span>
    </div>
    <div class="registration_cona3"style="background: #fff" >
        <div class="registration_more1">
            <p align="left" style="    width: 100%;padding: 0 63px 20px 67px; line-height: 27px;font-size: 14px;letter-spacing: 1px;">
                <br>
                甲方：北京妙音在线影视文化传媒有限公司<br>
                乙方：{{data.realName}}{{data.companyName}}<br>
                鉴于：甲方在相关市场领域的优势，具备相应的平台、品牌、市场、技术条件和广告招商实力。乙方拥有合法版权和或版权使用权的原创音频内容，可作为本协议合作产品。现甲乙双方经过友好协商，本着平等互利，共同发展，优势互补的原则，乙方授权甲方依本协议约定使用其原创音视频内容，并就相关合作事宜，达成如下协议：<br>
                <strong>第1条 授权内容</strong><br>
                1.1 授权内容：本协议项下合作作品是指由乙方通过甲方平台上传的所有音频内容。<br>
                1.2	授权性质：非独家信息网络使用权及分销权<br>
                1.3 授权期限：自音频内容在甲方平台上线之日起5年<br>
                1.4 授权区域：全球<br>
                1.5 版权承诺：乙方保证拥有本协议所指原创音频内容的全部版权，或者己经取得相关权利人允许乙方转授权从事本协议下所有事项的授权许可。如因权利归属、瑕疵及违法等姗而引起的任何纠盼，或因音视频内容涉及肖像权或名誉权等任何侵犯第三方权利的纠纷，乙方承担全部责任并负责解决纠纷。并承担包括侵权赔偿在内的一切责任；同时确保甲方免责。如果甲方因前述事宜受到任何损失，乙方有义务及时给予甲方完整且充分的赔偿。<br>
                <strong>第2条 合作方式</strong><br>
                2.1 甲乙双方采取收益分成方式进行内容合作，即乙方提供本协议所约定授权内容，双方利用甲方平台及与甲方有有效合作协议的平台或渠道进行推广、招商等商业运营，双方对前述商业运营收入依本协议之相关约定进行分成。<br>
                2.2 乙方授权甲方基于信息网络使用权及分销权。在本协议所约定甲方平台及甲方合作平台或渠道进行发布、传播、推广本协议规定之全部音频内容。前述甲方平台及甲方合作平台或渠道是指甲方AGX平台（www.xxx.com）、及与甲方合作的平台及渠道。接收终端包含但不限于台式计算机、笔记本电脑、平板电脑、pad、手机客户端、互联网电视、车载设备、智能音响等终端设备，以及未来可能出现的以信息网络为传输集道的终端。<br>
                2.3 乙方授权甲方在全球范围内对本协议约定合作音频内容的使用权及分销权。使用权及分销权起止期限与上述第1条1.3的定期限一致。<br>
                2.4 甲方依本协议第3条之约定向乙方支付合作分成费用。<br>
                <strong>第3条 分成与结算</strong><br>
                3.1 分成收益，主要包括：<br>
                3.1.1 合作音频内容在甲方授权的第三方平台投放后所产生贴片广告收益。<br>
                3.1.2 音频内容在第三方平台推出后产生的直接销售收益，销售形式包括但不限于单个音频内容销售、包月试听、下载收听等。<br>
                3.2 分成方式：<br>
                3.2.1 由甲方完成广告招商。扣除招商总价的40%作为招商成本后。甲乙双方按照5:5（即。招商总价中甲方占70%，乙方占30%）的分成比例，就本协议所规定之音频内容所产生的可分配利润进行分成<br>
                3.2.2 甲方依本协议约定行使2.3条款之使用及分销权所得收益分成。在扣除渠道费等销售成本后，甲乙双方按照5：5的分成比例。<br>
                3.3 结算：<br>
                3.3.1 结算周期：自然月<br>
                3.3.2 结算统计依据：概以甲方的AGX主播平台结算统计所提供之数据为准，乙方有权提出异议，但最终数据以甲方核实后的数据作准。<br>
                3.3.3 结算的前置条件：当乙方的分成收入多余人民币￥100元整。如果在一个结算周期内，乙方的分成收入未满足所述之前置条件时，则所有收入自动累计。<br>
                3.3.4结算流程<br>
                在完成一个结算统计周期的次月开始后十五个工作日内，甲方向乙方发送所述的结算统计周期内的应结算费用。自双方对应结算的款项完成确认，如果在一个结算统计周期内，乙方的分成收入未满足本协议项下3.3.3条款所述之条件时，则应把累计至下一结算统计周期，直至满足所述之条件或至本协议有效期终止前最后一个结算统计周期时，双方进行结算。<br>
                乙方应向甲方开具完整、正确并符合国家税务机关要求之发票。甲方在收到符合前述要求的发票后十五个工作日内向乙方履行支付义务，但受限于银行到款情况或设计人民币境外兑汇等情况，甲方不对前述到款时间做出具体的承担或保证。如果前述发票或收据的开具义务乙方瑕疵履行，则甲方有权顺延支付而概不承担任何违约责任。<br>
                3.4 税务议定<br>
                如果乙方为依中国法律合法成立并依法有效续存的法人组织。则甲乙双方有义务各自缴纳因行使本协议项下之权利或履行相关义务所产生之一切税赋。<br>
                如果乙方为非依中国法律合法成立并依法有效续存的法人组织，则甲方有义务根据现行有效之《中华人民共和国个人所得税法》的规定，在向乙方履行结算义务之前，以所述的金额为基准，代扣代缴乙方应履行的相关税赋。<br>
                3.5 乙方银行信息如账号变更或发生不可用等情况出现时。乙方应及时书面通知甲方并确认甲方获悉。否则，由此造成的一切损失由乙方负责。<br>
                <strong>第4条 甲方权利与义务</strong><br>
                4.1 除本协议中约定的权利外，甲方就音频内容不享有任何其他权利<br>
                4.2 甲方对音频内容的版权使用不得超出双方的约定范围<br>
                4.3 甲方有权自主决定音频内容的广告招商和投放，包括但不限于：投放形式，时长等。并有义务对前述广告投放产生的收益依本合同协议约定向乙方支付分成。<br>
                4.4 甲方有权按照双方合作形式自主决定音频内容在甲方及合作平台或渠道的传播和展现方式。<br>
                4.6 甲方有权对乙方负责在音频内容内进行投放的广告内容进行审核。如乙方投放的广告内容违反相关法律法规的规定，或侵犯任何策三方的合法利益的，甲方有权直接侧除，但应当在删除后及时通知乙方。如乙方前述投放行为给甲方造成损失的，乙方还应承担赔偿责任。乙方对广告内容、信息的真实性、合法性之保证责任，并不因甲方的上述审核而有所减轻或免除。<br>
                <strong>第5条 乙方权利与义务</strong><br>
                5.1 乙方享有音频内容的完整著作权。乙方承诺所提供的音频内容符合国家法律法规规定。不包含国家法律法规禁止的内容。同时。在甲方未确定广告招商合作协议前，乙方承诺对于提供的音频内容不带有任何明显的广告内容，其展现方式包括但不限于广告插播、广告植入、借有明示或暗示等的引导性广告成分或内容。<br>
                5.2 乙方同意为完成本协议项下合作之目的提供一切必要及合理的协助，包括签发有关授权书予甲方。<br>
                5.3 乙方可以定期以在线上传的方式向甲方的自有互联网网站AGX主播平台提供音频内容及其相关信息。<br>
                5.4 乙方同意在本协议约定的期限内提供协议约定的音频内容。<br>
                5.5 当基于法定原因、或因甲方受到本协议以外第三方提出的权利主张、或因甲方基于商业运营需求时，乙方有义务为甲方提供音频内容之原始授权文件、转授权的文件等相关证明。同时。乙方有义务在甲方业务需求，向甲方提供授权音频内容的作者之相关资质证明等相关配合性工作。<br>
                5.6 乙方向甲方出具的授权书。授权书与本协议期限不一致的。以授权书的期限为准。<br>
                5.7 合同签署日前，乙方应向甲方提供加盖其公章营业执照副本复印件、广播电视节目制作经营许可证复印件经营资质文件作为本合同附件。<br>
                <strong>第6条 推广与宣传</strong><br>
                6.1 甲方承诺为乙方对本协议约定音频内容提供推荐、推广资源，具体推广安排视乙方提供的视频质量优先安排。<br>
                6.3 甲方对推广页面、节目宣传口径等事宜拥有最终决定权，乙方须配合甲方相关事宜。<br>
                <strong>第7条 违约赔偿</strong><br>
                7.1 甲乙双方任何一方违反协议的保证及约定，给对方造成损失的，那么违约方应赔偿守约方因此而受到的损失。甲方有权基于以下情形：<br>
                1）向甲方平台上传具有版权争议的音频内容：或<br>
                2）乙方直接成间接地通过技术手段对音频内容的广告播放量进行恶意刷量；或<br>
                3）乙方所传的音频内容包含有明显的广告题材。或其广告内容占比过重。对乙方的酌情行使警告权，并扣除相关音频涉及的分成收入。如果上述情形累计出现超过三（3）次，则甲方有权终止本协议，且不承担任何的违约责任。<br>
                7.2上述违约方损失包括但不限于应付客户约赔偿金、诉讼费、律师费、公证费、差旅费等。<br>
                <strong>第8条 协议期限与交更</strong><br>
                8.1 本协议的有效期：授权内容上线起生效，合作期限5年。合作期限届满后，甲方为乙方的优先合作伙伴。在同等条件下，就本协议合作项目的后续内容。乙方应优先与甲方进行合作。相关合作细则，届时双方另起协议约定。合作结束后，甲方可以在自身网站渠道内继续保留本合同所约定音频内容。并且可以向甲方关联之平台推广该内容。<br>
                8.2 任何一方出现如下情形。另一方享有书面解除的权利：<br>
                8.2.1 发生重大违约行为，且在接到书面通知后30日内未采取措施消除的。<br>
                8.2.2 主动申请破产，或已进入破产程序，破产资产管理、清算程序的。<br>
                8.2.3 被债权人申请破产，或被代管、清算，且该种申请或程序在立案后60日内未被撤销的。<br>
                8.2.4 在本协议中存在非主观故意不可能出现的重大错误表述的。<br>
                8.3 本协议解除后的效力<br>
                自本协议解除之日起。甲方未到支付期的分成不需要再行支付，协议解除日前己届支付期的分成由甲方结算后向乙方文付，乙方协议解除日后更断的音频内容可以不再向甲方提供。<br>
                <strong>第9条 保密条款</strong><br>
                9.1 合作期间，双方都可能获知另一方的商业计划、客户方资料、技术、产品和其它作为该方商业秘密的秘密信息（以下简称“秘密信息”）。秘密信息包括所有有形的或无形的、标明为秘密的信息以及虽未标明为秘密信息但按照披露时的情况推定为秘密的信息。秘密信息包括但不限于本协议所涉及的业务和本协议的条件和条款。秘密信息为信息披露方所有，除非经披露方声明许可或为实现本协议目的（因法律规定或为咨询律师、会计师和其它专家所需除外）不得向第三方披露或使用。获得信息方应当采取不低于对己方所有的商业秘密的保密措施。<br>
                9.2 本协议有效期内及终止后3年内，本保密条款仍具有法律效力。<br>
                <strong>第10条 适用法律</strong><br>
                本协议的订立、效力、解释、履行、修改、终止以及争议的解决均适用中华人民共和国的法律和法规。所有与本协议有关的争议，都应由甲乙双方通过友好协商的方式予以解决，如无法通过协商的方式解决争议。刚甲乙双方可将该争议提交甲方住所地法院通过诉讼方式进行解决。<br>
                <strong>第11条 其他</strong><br>
                11.1 可分割性：若本协议任一条款无效或无法履行，则该条款将于法律允许的最大范围内履行，除该无效或无法履行部分以外，本协议的其他部分仍然有效。<br>
                11.2 解释：本协议及其附件构成双方之间就本协议主题事项的全部和唯一协议，取代双方所有先前口头或书面的就本协议主题事项的理解及协议。<br>
                11.3 本协议为电子版，同意本协议的同时即认同协议中规定的所有内容，同样具有法律效力。<br>


            </p>
            <footer class="container-fluid foot-wrap" style="text-align: center;padding-bottom: 15px">
                <div class="text">
                    <button ng-if="userInfo.cpProperty ==11||userInfo.reviewStatus == 9" type="button" class="btn btn-primary" ng-click="protocol()">我同意以上协议</button>
                    <button ng-if="(userInfo.cpProperty == 12 || userInfo.cpProperty == 13)&& userInfo.reviewStatus != 9" type="button" class="btn btn-primary" ng-click="protocol()">关闭</button>
                </div>
            </footer>
        </div>
    </div>

</div>
